<template>
	<div >
		<div class="int_bk" >
		</div>
		<div >
			<el-row type="flex" :gutter="120">
				<el-col :span="1" :offset="0" style="margin-top: 130px;">
					<el-menu active-text-color="#a79322"  style="border: 0;" >
					    <el-menu-item index="1" class="detailList el-icon-arrow-right" @click="setVive('1')">用户资料</el-menu-item>
					    <el-menu-item index="2" class="detailList el-icon-arrow-right" @click="setVive('2')">项目管理</el-menu-item>
					    <el-menu-item index="3" class="detailList el-icon-arrow-right" @click="setVive('3')">活动管理</el-menu-item>
					</el-menu> 
				</el-col>
				<el-col :span="22" :offset="0" style="margin-top: 100px;"> 
					<template v-if="vive==='1'" >
						<adminUser ></adminUser>
					</template>
					<template v-if="vive==='2'" >
						<adminPro></adminPro>
					   
					</template>
					<template v-if="vive==='3'">
						<adminAct></adminAct>
					</template>
				
				</el-col>
			</el-row>
				
		</div>
	</div>
</template>

<script>
	
	import adminUser  from '../components/adminUser.vue' 
	import adminPro  from '../components/adminPro.vue' 
	import adminAct  from '../components/adminAct.vue' 
	export default {
		components: {
		  adminUser,
		  adminPro,
		  adminAct
		},
		name: 'introduce',
		data: function() {
			
		
			return {
				vive:'1'
			}
		},
		methods:{
			setVive(val){
				this.vive = val;
				sessionStorage.setItem('adminVive',val)
			}
			
			
		},
		created() {
			if(!this.$GLOBAL.isAdmin){
				this.$router.push("login")
			}else{
				this.vive = sessionStorage.getItem("adminVive") === null ? this.vive : sessionStorage.getItem("adminVive")
			}
			
		}
		
	}
</script>

<style scoped>
	@import url("../assets/style/admin.css");
	
	@import url("../assets/style/info.css");
</style>
